<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>努比亚手机-官方网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.3, maximum-scale=0.3,user-scalable=yes">
    <link rel="stylesheet" href="styles/reset.css" />
    <link rel="stylesheet" href="styles/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="styles/base.css" />
    <link rel="stylesheet" href="styles/iconfont.css" />
    <link rel="stylesheet" href="styles/back-to-top.css">
    <link rel="stylesheet" href="styles/service-center.css">
    <script src="js/myTools.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=75fGiWwZfihay5sxk4mit7h1xXBEfOND"></script>
</head>
<body>
    <!--头部区域-->
    <header class="header">
        <div class="header-wrapper">
            <h1 id="logo">
                <a href="index.html" title="努比亚">努比亚</a>
            </h1>
            <nav id="nav">
                <ul class="nav-login">
                    <li><a href="./login.html" target="_blank">登陆</a></li>
                    <li><a href="./register.html">注册</a></li>
                    <li><a href="login.html"></a></li>
                </ul>
                <ul class="nav-main">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="shop.html">商城</a></li>
                    <li class="nav-main-phones">
                        <a href="#">
                            手机
                            <!-- 导航隐藏二级列表 -->
                            <div class="swiper-container swiper2">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <ul class="phone-show-list">
                                            <!-- <li>
                                                <a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                                </a>
                                            </li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li> -->
                                        </ul>
                                    </div>
                                    <div class="swiper-slide">
                                        <ul class="phone-show-list">
                                            <!-- <li>
                                                <a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                                </a>
                                            </li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li> -->
                                        </ul>
                                    </div>
                                </div>
                            
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                        </a>
                    </li>
                    <li class="nav-main-parts">
                        <a href="#">配件
                            <!-- 导航隐藏二级列表 -->
                            <div class="swiper-container swiper3">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <ul class="parts-show-list">
                                            <!-- <li>
                                                <a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                                </a>
                                            </li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li>
                                            <li><a href="#">
                                                    <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                    <p>X</p>
                                            </a></li> -->
                                        </ul>
                                    </div>
                                
                                <!-- <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div> -->
                            </div>
                        </a>
                    </li>
                    <li class="nav-main-photos">
                        <a href="#">摄影
                            <!-- 导航隐藏二级列表 -->
                            <div class="swiper-container swiper4">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <ul class="photo-show-list">
            
                                        </ul>
                                    </div>
                                
                                <!-- <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div> -->
                            </div>
                        </a>
                    </li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">体验店</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div class="content-wrapper">
        <div class="nav-crumbs">
            <ul>
                <li><a href="./index.html">首页</a></li>
                <li style="color: #5d5d5d">/</li>
                <li><a href="./service.html">服务</a></li>
                <li style="color: #5d5d5d">/</li>
                <li><a href="./service-specail.html">售后网点</a></li>
            </ul>
        </div>
        <h2>售后网点查询</h2>
        <div id="allmap"></div>
    </div>

    
    <!-- 回到顶部 -->
    <div class="back-to-top">
            <ul>
                <li>
                    <a href="#" title="在线客服">
                        <i class="iconfont">&#xe605;</i>
                    </a>
                </li>
                <li class="back-to-top-second-item">
                    <a href="javascript:">
                        <i class="iconfont">&#xe663;</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe65b;</i>
                    </a>
                </li>
            </ul>
            <div class="app-download-img">
                <img src="http://oss.static.nubia.cn/upload/5a025bb45ab694.png" />
                <div class="app-img-guide"></div>
                <div class="app-img-guide-in"></div>
            </div>
    </div>
        
    <!--底部区域-->
    <footer class="footer">
        <div class="footer-wrapper">
            <div class="footer-title">
                <img src="images/nb-pro-ft-logo-x2.jpg" />
                <span>&gt;全部机型</span>
            </div>
            <div class="footer-content-wrapper">
                <div>
                    <h5>Z系列</h5>
                    <ul>
                        <li><a href="javascript;">nubia Z11</a></li>
                        <li><a href="javascript;">nubia Z11 Max</a></li>
                        <li><a href="javascript;">nubia Z11 mini</a></li>
                    </ul>
                </div>
                <div>
                    <h5>M系列</h5>
                    <ul>
                        <li><a href="javascript;">nubia 布拉格S</a></li>
                        <li><a href="javascript;">nubia My 布拉格</a></li>
                    </ul>
                </div>
                <div>
                    <h5>配件</h5>
                    <ul>
                        <li><a href="javascript;">保护壳</a></li>
                        <li><a href="javascript;">贴膜</a></li>
                        <li><a href="javascript;">皮套</a></li>
                        <li><a href="javascript;">耳机</a></li>
                        <li><a href="javascript;">数据线/充电器</a></li>
                        <li><a href="javascript;">周边产品</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-message">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">新闻中心</a></li>
                    <li><a href="#">加入我们</a></li>
                    <li><a href="#">合作注册</a></li>
                    <li><a href="#">公益</a></li>
                    <li><a href="#">以旧换新</a></li>
                    <li><a href="#">问题反馈</a></li>
                    <li><a href="#">简体中文</a></li>
                </ul>
                <div>
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                    <span>服务热线：400-700-6600</span>
                </div>
                <p>
                    <span>2012-2017 努比亚技术有限公司 版权所有</span>
                    <a href="#"> 粤ICP备10006213号-2</a>
                    <img src="images/gs.jpg" />
                    <span>深圳市市场监督管理局企业主体身份公示 ICP经营许可证编号：粤B2-20120688 </span>
                    <img src="images/gh.png" />
                    <a href="#"> 粤公网安备 44030502000309号</a>
                </p>
            </div>
        </div>
    </footer>

    <!-- Swiper -->
    <script>       
        var swiper2 = new Swiper('.swiper2',{
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',

        });
        var swiper3 = new Swiper('.swiper3',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',

        });
        var swiper4 = new Swiper('.swiper4',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',
        });
    </script>

    <script src="js/back-to-top.js"></script>
    <script src="js/nav-second.js"></script>
</body>
</html>

<!-- 百度地图脚本 -->
<script type="text/javascript">

// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);

function myFun(result){
    var cityName = result.name;
    map.setCenter(cityName);
    // alert("当前定位城市:"+cityName);
}
var myCity = new BMap.LocalCity();
myCity.get(myFun);

var local = new BMap.LocalSearch(map, {
            renderOptions:{map: map}
        });
local.search("努比亚售后网点");
// var mp = new BMap.Map("allmap");
// var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 14);
map.enableScrollWheelZoom();
map.enableInertialDragging();

map.enableContinuousZoom();


var size = new BMap.Size(10, 20);
map.addControl(new BMap.CityListControl({
    anchor: BMAP_ANCHOR_TOP_LEFT,
    offset: size,
    // 切换城市之间事件
    // onChangeBefore: function(){
    // //    alert('before');
    //    var local = new BMap.LocalSearch(map, {
    //         renderOptions:{map: map}
    //     });
    //     local.search("努比亚售后网点");
    // },
    // 切换城市之后事件
    onChangeAfter:function(){
    //   alert('after');
            // 百度地图API功能
        // var map = new BMap.Map("allmap");          
        // map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        var local = new BMap.LocalSearch(map, {
            renderOptions:{map: map}
        });
        local.search("努比亚售后网点");
    }
}));

</script>